<template>
  <div class="add" :style="styleObject">
    <i class="el-icon-circle-plus-outline" />
  </div>
</template>
<script>
export default{
  props:{
    // 图标大小
    size:{
      type:[Number,String],
      default:18
    },
    // 图标颜色
    color:{
      type:String,
      default:''
    }
  },
  computed:{
    styleObject () {
      let obj = `fontSize: ${this.size}px;`
      if(this.color){
        obj = `${obj}color:${this.color}!important;`
      }
      return obj
    }
  }
}
</script>

<style lang="scss" scoped>
.add {
  cursor: pointer;
  padding: 0 10px;
  display: inline-block;
  color: $defaultBlue;
  vertical-align: middle;
}
</style>
